<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<!-- Bootstrap -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
		<link href="css/common.css" rel="stylesheet" />
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
		
		<link rel="stylesheet" th:href="@{/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css}">
		<script th:src="@{/ueditor/third-party/SyntaxHighlighter/shCore.js}"></script>
		<script>
		
		</script>
		<style>
			.bord{
				border:1px solid #FFF5EE;
			}
			
			tbody {
				overflow:auto;
			}
			
			img{
				max-width: 100%;
			}
		</style>
	</head>
	<body>

		<nav class="navbar  navbar-inverse navbar-fixed-top">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					aria-expanded="false">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img
					th:src="@{/bblog/img/logo.png}" style="margin-top: -10px;"></a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li  th:each="type:${@blogs.geTypes()}"  th:classappend="${typeId == type.id} ? 'active' : ''" ><a th:href="@{'/front/list.html?typeId='+${type.id}}">[[${type.name}]]</a></li>
					<!-- 	
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-haspopup="true"
						aria-expanded="false">学习笔记 <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="#">数据库</a></li>
							<li><a href="#">java笔记 action</a></li>
							<li><a href="#">前端笔记 else here</a></li>
							<li role="separator" class="divider"></li>
						</ul></li> -->
				</ul>
				<form class="navbar-form navbar-left"  action="/front/list.html" method="post" id="searchForm">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="输入关键字" name="title">
						</div>
						<button type="submit" class="btn btn-info">搜索</button>
					</form>

			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->

	</nav>


		<div class="container top">

			<ol class="breadcrumb">
				<li><a href="#">当前位置</a></li>
				<li><a href="#">java学习笔记</a></li>
				<li class="active" th:text="${blog.title}">Spring MVC - MultipartFile实现文件上传(单文件与多文件上传)</li>
			</ol>

			<div class="row">

				<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
					<div class="panel panel-default">
						<div class="panel-body">
							<div style="text-align: center;">
								<p style="font-size: 24px;"  th:text="${blog.title}">基于Springboot+bootstarp的简易博客介绍</p>
								<p style="font-size: 14px;">
									<b>作者：</b><span>小邓</span>&nbsp;&nbsp;&nbsp;&nbsp;
									<b>发布时间：</b><span  th:text="${#dates.format(blog.createTime, 'yyyy-MM-dd')}">2020-04-15</span>&nbsp;&nbsp;&nbsp;&nbsp;
									<b>浏览量：</b><span  th:text="${blog.lookNum}">100</span>&nbsp;&nbsp;&nbsp;&nbsp;
								</p>
							</div>

							<hr size="1" noshade="noshade" style="border:1px #cccccc dotted;">
							<div style="text-align: left">
								<p><b>关键字：</b> <span class="btn-success-sm" th:each="str:${#strings.arraySplit(blog.blogLabels, ',')}">[[${str}]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></p>
							</div>
							<hr size="1" noshade="noshade" style="border:1px #cccccc dotted;">
							<div id="content"  th:utext="${blog.content}">
							</div>
							
							<hr size="1" noshade="noshade" style="border:1px #cccccc dotted;">
							<!-- <div>
								<p th:each="blog:${@blogs.getNearBlog(blog.id)}">
									[[${blog.smallContent}]]<a th:href="${blog.id}"
															   th:text="${blog.title}" th:title="${blog.title}">传微软将把入门级Surface平板价格下调150美元</a>
								</p>
							</div>

							<div th:utext="${@blogs.getAppSetInfo().commentCode}"></div> -->
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
					<div class="thumbnail" style="text-align: center;">
						<a href="#" >
							<img th:src="@{/bblog/img/wx.jpg}" alt="...">
						</a>
						<p>扫码关注我</p>
					</div>


					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">推荐阅读</h3>
						</div>
						<div class="panel-body" style="text-align: left;">
							<p  th:each="blog:${@blogs.getBlogs(7,'look_num desc,create_time desc')}">
								<a th:href="@{'/front/blogs/'+${blog.id}+'.html'}" target="_blank" th:text="${#strings.abbreviate(blog.title,20)+'...'}"></a>
							</p>
						</div>
					</div>

					<!-- <div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">相关文章</h3>
						</div>
						<div class="panel-body" style="text-align: left;">
							<p th:each="blog:${@blogs.getRefBlogs(8,'look_num desc',blog.blogLabels)}">
								<a th:href="@{'/front/blogs/'+${blog.id}+'.html'}" target="_blank" th:text="${#strings.abbreviate(blog.title,20)+'...'}"></a>
							</p>
						</div>
					</div> -->

					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">最新发布</h3>
						</div>
						<div class="panel-body" style="text-align: left;">
							<p  th:each="blog:${@blogs.getBlogs(7,'create_time desc')}">
								<a th:href="@{'/front/blogs/'+${blog.id}+'.html'}" target="_blank" th:text="${#strings.abbreviate(blog.title,20)+'...'}"></a>
							</p>
						</div>
					</div>
				</div>

			</div>

		</div>
		<nav class="navbar top">
			<div style="text-align: center;color: #333;">
				<p>版权所有@DEMO程序园2019-2020 ICP备案号：粤ICP99981212-1</p>
				<p>免责申明：网站资源分享来源于网络，如原作者认为侵权请联系，我们会立即删除。</p>
			</div>
		</nav>


	</body>
</html>
